<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>707notes</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="./node_modules/font-awesome/css/font-awesome.min.css">

    <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
    <script src="./node_modules/jquery/dist/jquery.min.js"></script>
    <script>if (window.module) module = window.module;</script>
  </head>
  <body>
    <div id="container">
      <div id="header">
          <span>707notes</span>
          <button id="close"><i class="fa fa-times fa-2x" aria-hidden="true"></i></button>
      </div>
      <div class="divider"></div>
      <div id="content">
          <textarea name="textarea" rows="10" cols="32" autofocus maxlength="152"></textarea>
      </div>
    </div>
  </body>
  <script>


    $(document).ready(function() {
        const remote = require('electron').remote
        $('#close').click(function () {
            alert(1)
            const window = remote.getCurrentWindow();
            window.close();
        });
        document.getElementById("close").addEventListener("click", function (e) {
          const window = remote.getCurrentWindow();
          window.close();
        });
    });
  </script>
</html>
